<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<title>找回密码</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/retrieve.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="header">
			<div class="register_header">
				<a href="index.html"><img src="images/logo.png" alt=""></a>
				<span>找回密码</span>
			</div>
		</div>
		<div class="register_content">
			<div class="register_content_top">
				<div class="content_top_left">找回密码</div>
			</div>
			<div class="register_content_section">
				<div class="register_box">
					<div class="input_group">
						<label for="user"><img src="images/icon_star.jpg" alt="">手机号:</label>
						<div>
							<input v-model="mobile" type="text" id="user" placeholder="已验证手机/用户名">
						</div>
						
					</div>
					<div class="input_group">
						<label for="verifycode"><img src="images/icon_star.jpg" alt="">短信校验码:</label>
						<div>
						<input v-model="vcode" type="text" id="verifycode" placeholder="校验码">
						<button @click="getCode" type="button" class="verify_btn">获取短信校验码</button>
						</div>
					</div>
					
					<div class="input_group">
						<div>
						<button @click="getPassword" class="retrieve_btn">找回密码</button>
						</div>
					</div>
					
				</div>
				
				<img class="register_img" src="images/register_photo.jpg" alt="">
			</div>
		</div>
	</body>

</html>